<!doctype html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<title>网易云音乐</title>
		<script src="jquery-1.11.3.js"></script>
		<link rel="stylesheet" href="wyy.css">
		<link rel="shortcut icon" href="img/云.svg" type="image/x-icon" />
		 <link rel="stylesheet" href="font-awesome-4.7.0/css/font-awesome.min.css">
	</head>
	<body>
		<header>
			<span><img src="img/logo.jpg" alt="">网易云音乐</span>
			<input type="text" placeholder="音乐搜索">
			<div>
				<a href="#" class="fa fa-user-circle-o">登陆</a>
				<b class="fa fa-adjust">皮肤</b><input type="color" id="pf">
			</div>
		</header>
		<pre>
			<h1>用户登录</h1>
			<a href="#" class="fa fa-window-close"></a>
			<input type="text" id="username" placeholder="请输入用户名">
			<input type="text" id="password" placeholder="请输入密码">
			<input type="submit" value="登陆">
		</pre>
		<!--评论弹框-->
		<div id="talklist">
			<a href="#" class="fa fa-window-close"></a>
			<textarea id="" cols="30" rows="10" placeholder="你想说的话"></textarea>
			<input type="submit" value="提交">
		</div>
		<main>
			<div class="left">
				<img src="img/专辑1.jpg" alt="">
				<p>
					<button class='fa fa-heart-o fa-1g'>喜欢</button>
					<button  class='fa fa-folder-o fa-1g'>收藏</button>
					<button class='fa fa-download fa-1g'>下载</button>
					<button  class='fa fa-share-square-o fa-1g'>分享</button>
				</p>
			</div>
			<div class="right">
				<h1>致命的匆忙</h1>
				<b>专辑：<a href="#">暂无</a></b>
				<b>歌手：<a href="#">暂无</a></b>
				<div></div>
			</div>
			<hr>
			<div id="talkmsg">
				<p>听众评论</p>
				<input type="text" placeholder="写下属于你的评论" >
				<hr>
				<div></div>
			</div>
		</main>
		<div id="musiclist1">
			<ul>
				<li id="0">你不在</li>
				<li id="1">生来倔强</li>
				<li id="2">是风动</li>
			</ul>
		</div>
		<footer>
			<b id="Previous" class='fa fa-chevron-circle-left fa-2x' title="上一曲"></b>
			<b id="play" class='fa fa-play-circle fa-2x play' title="播放/暂停"></b><!--fa fa-pause-circle fa-2x play-->
			<b id="next" class='fa fa-chevron-circle-right fa-2x' title="下一曲"></b>
			<span id="sj1">-:--</span>
			<audio style="display: none;" src="music/nbz.mp3">浏览器不支持该格式</audio>
			<input type="range" id="rg1" class='rg1' min="0" max="100" step="1"  value="0" oninput="chooseMusic()">
			<span id="sj2">-:--</span>
			<span id="sound"class="fa fa-bell-o fa-lg"></span><!--fa fa-bell-slash-o-->
			<input type="range"  id="rg2" class='rg2' min="0" max="1" step="0.01"  value="0.2" oninput="chooseVolume()">
			<b id="playstyle" class='fa fa-random' title="播放方式"></b>
			<!-- 当前为随机，循环：fa fa-refresh     -->
			<b id="desktoplrc" class='fa fa-toggle-off fa-lg' title="桌面歌词"></b>
			<b id="list1" class="fa fa-tasks fa-lg" title="播放列表"></b>
			<!-- fa fa-toggle-on -->
		</footer>
		<div id="musiclist"></div>
	</body>
	<script src="wyy.js"></script>
</html>
